<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>2048</title>
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="js/2048.js"></script>
		<script type="text/javascript" src="js/utils.js"></script>
		<script type="text/javascript" src="js/animation.js"></script>
		<link rel="stylesheet" href="css/main.css" />
	</head>

	<body>
		<audio src="music/move.wav" id="moveMusic"></audio>
		<audio src="music/end.mp3" id="endMusic"></audio>
		<audio src="music/honor.mp3" id="honorMusic"></audio>
		
		<header>
			<h1>张增强2048</h1>
			<a href="javascript:newGame()" id="newGameBtn">开始游戏</a>
			<p>成绩：<span id="score">0</span></p>
		</header>

		<div id="left">
			<div id="leftTitle">
				<p>2048成就栏</p>
			</div>
			<div id="leftHonor">
				<div class="honorCell" id="honor-0">
					<img src="img/0.png" />
				</div>
				<div class="honorCell" id="honor-1">
					<img src="img/1.png" />
				</div>
				<div class="honorCell" id="honor-2">
					<img src="img/2.png" />
				</div>

				<div class="honorCell" id="honor-3">
					<img src="img/3.png" />
				</div>
				<div class="honorCell" id="honor-4">
					<img src="img/4.png" />
				</div>
				<div class="honorCell" id="honor-5">
					<img src="img/5.png" />
				</div>

				<div class="honorCell" id="honor-6">
					<img src="img/6.png" />
				</div>
				<div class="honorCell" id="honor-7">
					<img src="img/7.png" />
				</div>
				<div class="honorCell" id="honor-8">
					<img src="img/8.png" />
				</div>

				<div class="honorCell" id="honor-9">
					<img src="img/9.png" />
				</div>
				<div class="honorCell" id="honor-10">
					<img src="img/10.png" />
				</div>
				<div class="honorCell" id="honor-11">
					<img src="img/11.png" />
				</div>

				<div class="honorCell" id="honor-12">
					<img src="img/12.png" />
				</div>
				<div class="honorCell" id="honor-13">
					<img src="img/13.png" />
				</div>
				<div class="honorCell" id="honor-14">
					<img src="img/14.png" />
				</div>

				<div class="honorCell" id="honor-15">
					<img src="img/15.png" />
				</div>
				<div class="honorCell" id="honor-16">
					<img src="img/16.png" />
				</div>
				<div class="honorCell" id="honor-17">
					<img src="img/17.png" />
				</div>

				<div class="honorCell" id="honor-18">
					<img src="img/18.png" />
				</div>
				<div class="honorCell" id="honor-19">
					<img src="img/19.png" />
				</div>
				<div class="honorCell" id="honor-20">
					<img src="img/20.png" />
				</div>
			</div>
		</div>
		
		<div id="honorAlert">
			<p>恭喜达成成就!</p>
			<img src="" id="alertImg"/>
		</div>

		<div id="rightDiv">
			<div id="rightTitle">
				<p>排行榜</p>
			</div>
			<div id="price-0" class="price">
				<img src="img/first.png" />
				<span>暂无</span>
			</div>
			<div id="price-1" class="price">
				<img src="img/second.png" />
				<span>暂无</span>
			</div>
			<div id="price-2" class="price">
				<img src="img/third.png" />
				<span>暂无</span>
			</div>
		</div>

		<div id="container">
			<div class="cell" id="cell-0-0"></div>
			<div class="cell" id="cell-0-1"></div>
			<div class="cell" id="cell-0-2"></div>
			<div class="cell" id="cell-0-3"></div>

			<div class="cell" id="cell-1-0"></div>
			<div class="cell" id="cell-1-1"></div>
			<div class="cell" id="cell-1-2"></div>
			<div class="cell" id="cell-1-3"></div>

			<div class="cell" id="cell-2-0"></div>
			<div class="cell" id="cell-2-1"></div>
			<div class="cell" id="cell-2-2"></div>
			<div class="cell" id="cell-2-3"></div>

			<div class="cell" id="cell-3-0"></div>
			<div class="cell" id="cell-3-1"></div>
			<div class="cell" id="cell-3-2"></div>
			<div class="cell" id="cell-3-3"></div>
		</div>

		<div id="gameOverDiv">
			<p id="p1">对不起，游戏结束！</p>
			<p id="p2">总分：<span id="result">0</span></p>
			<div id="userName">
				您的名字:<input type="text" name="resultName" value="" />
			</div>
			<p id="p3">
				<a href="javascript:submitUserName()">提交</a>
				<a href="javascript:startAnNewGame()">重试</a>
			</p>
		</div>
		
		<div id="changeOthers">
			<p>
				<a href="javascript:changeToNormal()">普通2048</a>
				<a href="javascript:changeToCoder()">码农版</a>
				<a href="javascript:changeToLove()">爱情版</a>
				<a href="javascript:changeToPic()">图片版</a>
			</p>
		</div>
	</body>

</html>